<template>
  <div class="q-pa-md" style="max-width: 300px">
    <t-textarea
      v-model="text"
      :borderless="true"
      @keydown="keydown"
      label="正常"

    />
        <t-textarea
      v-model="text"
      :borderless="true"
      label="必填正常"
      :required='true'
      :rules="[ val => !!val || '必填不能为空']"
    />
        <t-textarea
      v-model="text"
      :borderless="true"
      label="必填只读"
        :readonly="true"


      :required='true'
      :rules="[ val => !!val || '必填不能为空']"
    />

        <t-textarea
      v-model="text"
      :borderless="true"
      label="必填禁用"


      helpTooltip="我是提示"
      helpPlacement="left"
      helpMore="link"
      :disable="true"

      helpMoreLink="static"
      helpMoreLinkHrefStatic="https://www.baidu.com"
      helpMoreLinkHrefExp="https://www.qq.com"
       :required='true'
      :rules="[ val => !!val || '必填不能为空']"
    />

  </div>
</template>

<script>
  import { ref } from 'vue';

  export default {
    setup() {
      return {
        text: ref(''),
        keydown(){
          alert('keydown')
        }
      };
    },
  };
</script>
